<!-- <nz-tab>
    <ng-template #nzTabHeading>
        半年保
    </ng-template> -->
    <div class="half">
<nz-tabset [nzTabPosition]="'left'" style="height:300px">
  <nz-tab>
    <ng-template #nzTabHeading>
      控制柜内各接线端子
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.controlCabinetTerminals&&showBean.controlCabinetTerminals.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.controlCabinetTerminals&&showBean.controlCabinetTerminals.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            各接线紧固，整齐，线号齐全清晰
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.controlCabinetTerminals?showBean.controlCabinetTerminals.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.controlCabinetTerminals">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.controlCabinetTerminals.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        控制柜 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.controlCabinet&&showBean.controlCabinet.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.controlCabinet&&showBean.controlCabinet.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            各仪表显示正确 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.controlCabinet?showBean.controlCabinet.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.controlCabinet">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.controlCabinet.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        导向轮 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.guideWheel&&showBean.guideWheel.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.guideWheel&&showBean.guideWheel.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            轴承部无异常声响 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.guideWheel?showBean.guideWheel.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.guideWheel">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.guideWheel.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        悬挂钢丝绳 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.suspensionWireRope&&showBean.suspensionWireRope.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.suspensionWireRope&&showBean.suspensionWireRope.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            磨损量、断丝数未超过要求
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.suspensionWireRope?showBean.suspensionWireRope.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.suspensionWireRope">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.suspensionWireRope.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        悬挂钢丝绳绳头组合 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.wireHeadCombination&&showBean.wireHeadCombination.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.wireHeadCombination&&showBean.wireHeadCombination.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            螺母无松动 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.wireHeadCombination?showBean.wireHeadCombination.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.wireHeadCombination">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.wireHeadCombination.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        限速器钢丝绳 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.limiterWireRope&&showBean.limiterWireRope.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.limiterWireRope&&showBean.limiterWireRope.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            磨损量、断丝数不超过制造单位要求
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.limiterWireRope?showBean.limiterWireRope.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.limiterWireRope">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.limiterWireRope.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        柱塞限位装置 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.plungerSpacingDevice&&showBean.plungerSpacingDevice.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.plungerSpacingDevice&&showBean.plungerSpacingDevice.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            符合要求 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.plungerSpacingDevice?showBean.plungerSpacingDevice.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.plungerSpacingDevice">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.plungerSpacingDevice.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        上下极限开关 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.updownLimitSwitch&&showBean.updownLimitSwitch.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.updownLimitSwitch&&showBean.updownLimitSwitch.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作正常 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.updownLimitSwitch?showBean.updownLimitSwitch.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.updownLimitSwitch">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.updownLimitSwitch.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
        柱塞、消音器放气操作 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.bleedOperation&&showBean.bleedOperation.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.bleedOperation&&showBean.bleedOperation.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            符合要求
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.bleedOperation?showBean.bleedOperation.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.bleedOperation">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.bleedOperation.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  
</nz-tabset>
</div>
<ng-template #titlepic>
    <span>图片</span>
</ng-template>
<ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
    <div>
    </div>
</ng-template>
<!-- 
                  </nz-tab> -->
